<template>
  <div class="home">
    <home-header />
    <list-item v-for="item in list" :key="item.id" :item="item" />
  </div>
</template>

<script setup>
// 此处.vue不能省略
import HomeHeader from "/src/components/HomeHeader.vue";
import useHomeHttpHook from "./Hooks/useHomeHttpHook";
const { list } = useHomeHttpHook();
</script>

<style lang="scss" scoped>
.home {
  width: 80%;
  min-width: 600px;
  border: 1px solid #ccc;
  margin: 50px auto;
  padding: 20px;
  padding-top: 30px;
}
</style>
